.order{
	height: 100vh;
	position: relative;
	swiper{
		/* #ifdef MP-WEIXIN */
		height:calc(100vh -  var(--height));
		/* #endif */
		/* #ifdef H5 */
		height:calc(100vh -  176rpx);
		/* #endif */
	}
	.scroll-view{
		height: 100%;
		background-color: #f2f2f2;
		padding: 0rpx 32rpx 0rpx 32rpx;
		box-sizing: border-box;
		/deep/ .u-load-more-wrap{
			height: 100rpx !important;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.order-item{
			height:236rpx;
			background-color:#ffffff;
			border-radius:24rpx;
			margin-top: 32rpx;
			// padding: 54rpx 24rpx 50rpx 24rpx;
			padding-left: 24rpx;
			display: flex;
			align-items: center;
			position: relative;
			.order-item-icon{
				width:132rpx;
				height:132rpx;
				box-sizing: border-box;
				margin-right: 16rpx;
			}
			.order-info{
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 138rpx;
				.order-info-top{
					.order-type{
		             height:44rpx;
		             font-family:$global-font-family;
		             font-weight:700;
		             color:#333333;
		             font-size:32rpx;
		            line-height:44rpx;
					}
					.order-number{
						height:34rpx;
						font-family:$global-font-family;
						color:#999999;
						font-size:24rpx;
						line-height:34rpx;
					}
				}
				.order-info-price{
					height:50rpx;
					font-family:$global-font-family;
					color:#e93c3c;
					font-size:28rpx;
					font-weight: 900;
					line-height: 50rpx;
				}
			}
			.order-status{
				width:108rpx;
				height:48rpx;
				border-radius:0rpx 24rpx 0rpx 24rpx;
				position: absolute;
				top: 0;
				right: 0;
				font-family:$global-font-family;
				
				font-size:22rpx;
				line-height:48rpx;
				text-align:center;
				&.pending{
					color:#188cf1;
					background-color:#d9eeff;
				}
				&.paying{
					background-color:#ffd2d2;
					color: #cb1e1e;
				}
				&.complate{
					background-color:#e6f6e6;
					color: #2ba245;
				}
				&.overdue{
					background-color:#ffd2d2;
					color: #cb1e1e;
				}
				&.cancel{
					color:#188cf1;
					background-color:#d9eeff;
				}
			}
			.order-btn{
				position: absolute;
				bottom: 32rpx;
				right: 24rpx;
				width:140rpx;
				height:60rpx;
				border-radius:16rpx;
				font-family:$global-font-family;
				color:#ffffff;
				font-size:24rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0rpx !important;
				&::after{
					border: none !important;
					outline: none !important;
				}
				&.paying{
					background-color:#f64747;
				}
				&.pending{
					background-color:#188cf1;
				}
				&.complate{
					background-color:#188cf1;
				}
				&.overdue{
					background-color:#f64747;
				}
				&.cancel{
					background-color:#188cf1;
				}
			}
		}
	}
}